{extend name="template/pc/cms-red/_base.html" /}

{block name="css"}
<link rel="stylesheet" href="__TPMPLATE__pc/cms-red/css/page.css">
{/block}

{block name="main"}

<div class="cont-pc">

    <div class="cont-contact cont-contact-withe">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="contact-one">

                <div class="container">

                    <div class="contact-one-up">

                        <div class="contact-cont">
                            <h1><font>鼎联</font>互联网信息有限公司</h1>
                            <div class="contact-txt">
                                鼎联互联网信息有限公司（Ding Lian Network Technology Co., Ltd.）成立于2018年1月，凭借拔尖的团队、优秀的业务能力，迅速成长为国内SEO的领军者。我们专注网络营销业务，助力您的企业腾飞。同时，我们还拥有一支健全的建站团队，向外界承接APP应用开发/微网站/公众号策划营销等业务。
                            </div>

                            <div class="contact-icon">
                                <div class="contact-icon-item">
                                    <div class="contact-icon-img">
                                        <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/home/contact-icon1.png">
                                    </div>

                                    <div class="contact-icon-txt">品牌网站</div>
                                </div>

                                <div class="contact-icon-item">
                                    <div class="contact-icon-img">
                                        <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/home/contact-icon2.png">
                                    </div>

                                    <div class="contact-icon-txt">集团站群</div>
                                </div>

                                <div class="contact-icon-item">
                                    <div class="contact-icon-img">
                                        <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/home/contact-icon3.png">
                                    </div>

                                    <div class="contact-icon-txt">手机端网站</div>
                                </div>

                                <div class="contact-icon-item">
                                    <div class="contact-icon-img">
                                        <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/home/contact-icon4.png">
                                    </div>

                                    <div class="contact-icon-txt">微信定制化开发</div>
                                </div>

                                <div class="contact-icon-item">
                                    <div class="contact-icon-img">
                                        <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/home/contact-icon5.png">
                                    </div>

                                    <div class="contact-icon-txt">响应式网站</div>
                                </div>
                            </div>

                            <div class="contact-more">READ MORE >>></div>
                        </div>

                        <div class="contact-img">
                            <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/contact-right.jpg">
                        </div>

                    </div>

                    <div class="contact-one-down">

                        <div class="contact-one-list">
                            <ul>
                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon01.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>愿景</p>
                                        <p>做百年企业</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon02.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>使命</p>
                                        <p>提供能创造价值的服务</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon03.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>价值观</p>
                                        <p>直接，创新，合作，共赢</p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>

            </div>

            <div class="contact-two">

                <div class="container">

                    <div class="certico">
                        <p class="cer-img"><img alt="" src="__TPMPLATE__pc/cms-red/images/home/certico.png"></p>
                        <p class="cer-title">建站资质证书</p>
                        <p class="cer-txt">
                            16年来，<br>
                            鼎联互联网致力于互联网品牌建设与网络营销领域，<br>
                            凭借专业的建站设计水平及领先的技术能力<br>
                            先后荣获国家高新技术企业及10余项互联网研发领域的软件著作权证书。
                        </p>
                    </div>

                    <div class="certificate">
                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/certificate1.png">
                    </div>

                </div>

            </div>

            <div class="contact-three">

                <div class="container">

                    <div class="ibus-title">
                        <p class="ibus-title-b">
                            网站建设<span>服务流程</span>
                        </p>

                        <p class="ibus-title-txt">
                            建网站不是目的，关键是建好的网站要发挥作用，鼎联在网站营销方面积累丰富经验，<br>
                            向客户提供对网站建设营销推广服务以及用户互动服务等长效服务机制。<br>
                            客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。
                        </p>
                    </div>

                    <div class="ibus-list">
                        <ul>
                            <li class="on">
                                <div class="num">01</div>
                                <div class="icon">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon11.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon11-1.png">
                                </div>
                                <div class="t1">需求沟通</div>
                                <div class="t2">通过电话、QQ、微信或者面谈了解你的需求</div>
                            </li>

                            <li>
                                <div class="num">02</div>
                                <div class="icon">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon12.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon12-1.png">
                                </div>
                                <div class="t1">策划咨询</div>
                                <div class="t2">根据你的需求，市场和面向的用户群体，指定一个适合您的解决方案</div>
                            </li>

                            <li>
                                <div class="num">03</div>
                                <div class="icon">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon13.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon13-1.png">
                                </div>
                                <div class="t1">合同签订</div>
                                <div class="t2">给双方一个君子协议，让合作更加畅快，保证不会产生任何纠纷。</div>
                            </li>

                            <li>
                                <div class="num">04</div>
                                <div class="icon">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon14.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon14-1.png">
                                </div>
                                <div class="t1">网站建设</div>
                                <div class="t2">开始制作工作，包括首页设计、内页设计、前端制作、程序开发、网站测试</div>
                            </li>

                            <li>
                                <div class="num">05</div>
                                <div class="icon">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon15.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon15-1.png">
                                </div>
                                <div class="t1">验收上线</div>
                                <div class="t2">网站制作并测试完成后，交给你验收，如无问题支付尾款上线</div>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>

            <div class="contact-four">

                <div class="contact-four-img">
                    <img alt="" src="__TPMPLATE__pc/cms-red/images/home/contact-four-bg.jpg">
                </div>

                <div class="contact-four-font">
                    <p class="contact-four-title">鼎联·只为做更好的网站</p>
                    <p>网站,看似简单却每一个企业都需要——设计,看似简洁却是每一位设计师的心血</p>
                    <p>十三年来,我们只专注做网站。</p>
                    <p class="contact-four-line"></p>
                </div>

            </div>

            <div class="contact-five">

                <div class="container">

                    <div class="recommend">

                        <div class="recom-title-box">
                            <a title="" href="">
                                <h2>相关案例</h2>
                            </a>
                            <b class="fa fa-angle-left"></b>
                            <i class="fa fa-angle-right"></i>
                        </div>

                        <div class="recom-list img-scale">
                            <ul>
                                {dl:list db="ucase" lang="$lang" field="a.id,a.cid,a.title,a.image,a.create_time" order="a.image DESC,a.create_time asc" limit="0,4" status="1"}
                                <li>
                                    <a title="{$vo.title??''}" href="{:url('ucase/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                        <div class="recom-img img-hidden">
                                            <img alt="{$vo.title??''}" title="{$vo.title??''}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                        </div>

                                        <div class="recom-cons">
                                            <div class="recom-title">
                                                <div class="recom-title-txt">{$vo.title??''}</div>
                                                <div class="recom-title-icon"><i class="fa fa-long-arrow-right"></i></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {/dl:list}
                            </ul>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="cont-contact cont-contact-withe">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="contact-one">

                <div class="container">

                    <div class="contact-one-up">

                        <div class="contact-cont">
                            <h1><font>鼎联</font>互联网信息有限公司</h1>
                            <div class="contact-txt">
                                鼎联互联网信息有限公司（Ding Lian Network Technology Co., Ltd.）成立于2018年1月，凭借拔尖的团队、优秀的业务能力，星如雨迅速成长为国内SEO的领军者。我们专注网络营销业务，助力您的企业腾飞。同时，我们还拥有一支健全的建站团队，向外界承接APP应用开发/微网站/公众号策划营销等业务。
                            </div>
                            <div class="contact-more">READ MORE >>></div>
                        </div>

                        <div class="contact-img">
                            <img alt="{$system.title.value}" src="__TPMPLATE__pc/cms-red/images/contact-right.jpg">
                        </div>

                    </div>

                    <div class="contact-one-down">

                        <div class="contact-one-list">
                            <ul>
                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon01.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>愿景</p>
                                        <p>做百年企业</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon02.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>使命</p>
                                        <p>提供能创造价值的服务</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="contact-one-icon">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/home/about-icon03.png">
                                    </div>

                                    <div class="contact-one-txt">
                                        <p>价值观</p>
                                        <p>直接，创新，合作，共赢</p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>

            </div>

            <div class="contact-four">

                <div class="contact-four-img">
                    <img alt="" src="__TPMPLATE__pc/cms-red/images/home/contact-four-bg.jpg">
                </div>

                <div class="contact-four-font">
                    <p class="contact-four-title">鼎联·只为做更好的网站</p>
                    <p>网站,看似简单却每一个企业都需要——设计,看似简洁却是每一位设计师的心血</p>
                    <p>十三年来,我们只专注做网站。</p>
                    <p class="contact-four-line"></p>
                </div>

            </div>

            <div class="contact-three">

                <div class="container">

                    <div class="ibus-title">
                        <p class="ibus-title-b">
                            网站建设运用<span>服务领域</span>
                        </p>

                        <p class="ibus-title-txt">
                            鼎联在网站营销方面积累丰富经验，向客户提供对网站建设，<br>
                            客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。
                        </p>
                    </div>

                    <div class="mibus-list">
                        <ul>
                            <li>
                                <div class="ibus-num">01</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon11.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon11-1.png">
                                </div>

                                <div class="ibus-txt">需求沟通</div>
                            </li>

                            <li>
                                <div class="ibus-num">02</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon12.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon12-1.png">
                                </div>

                                <div class="ibus-txt">策划咨询</div>
                            </li>

                            <li>
                                <div class="ibus-num">03</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon13.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon13-1.png">
                                </div>

                                <div class="ibus-txt">合同签订</div>
                            </li>

                            <li>
                                <div class="ibus-num">04</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon14.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon14-1.png">
                                </div>

                                <div class="ibus-txt">网站建设</div>
                            </li>

                            <li>
                                <div class="ibus-num">05</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon15.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon15-1.png">
                                </div>

                                <div class="ibus-txt">验收上线</div>
                            </li>

                            <li>
                                <div class="ibus-num">06</div>

                                <div class="ibus-img">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon18.png">
                                    <img alt="" src="__TPMPLATE__pc/cms-red/images/contact/picon18-1.png">
                                </div>

                                <div class="ibus-txt">电脑,手机访问</div>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>

    </div>


</div>

{/block}

{block name="js"}
<script type="text/javascript">
    $(".ibus-list li").mouseover(function () {
        $(this).addClass("on").siblings().removeClass("on");
    })
</script>
{/block}